/* 文章字体 */

.markdown_views {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'SimHei', 'Arial', 'SimSun';
}

/* 文章正文 */
.markdown_views P{
    font-size: 16px;
    color: #4f4f4f;
    font-weight: normal;
    line-height: 26px;
    margin: 0 0 16px 0;
    text-align: justify;
}

/* 正文加粗 */
.markdown_views strong {
    font-weight: bold;
}

/*正文斜体*/
.markdown_views i, cite, em, var, address, dfn{
    font-style: italic;
}

.markdown_views * {
    box-sizing: border-box;
}

.markdown_views h1,
.markdown_views h2,
.markdown_views h3,
.markdown_views h4,
.markdown_views h5,
.markdown_views h6 {
    color: #4f4f4f;
    margin: 8px 0 16px 0;
    font-weight: bold;
}

/*有序、无序列表*/
.markdown_views ul, .markdown_views ol{
    margin: 0 0 24px 0;
    padding: 0;
}

.markdown_views ul ol{
    margin: 0 0 24px 32px;
}

.markdown_views ul li{
    list-style-type: disc;
    margin: 8px 0 0 32px;
}
.markdown_views ol li{
    list-style-type: decimal;
    margin-left: 40px;
    margin-top: 8px;
}

/* 图片 */
.markdown_views img {
    margin: 24px 0;
    max-width: 100%;
}

/* 标题 */

.markdown_views h1 {
    font-size: 28px;/*font-size: 36px*/
    line-height: 36px;/*font-size: 64px*/
}

.markdown_views h2 {
    font-size: 24px;/*font-size: 32px*/
    line-height: 32px;/*font-size: 56px*/
}

.markdown_views h3 {
    font-size: 22px;/*font-size: 30px*/
    line-height: 30px;/*font-size: 50px*/
}

.markdown_views h4 {
    font-size: 20px;/*font-size: 24px*/
    line-height: 28px;/*font-size: 42px*/
}

.markdown_views h5 {
    font-size: 18px;/*font-size: 20px*/
    line-height: 26px;/*font-size: 36px*/
}

.markdown_views h6 {
    font-size: 16px;/*font-size: 20px*/
    line-height: 24px;/*font-size: 28px*/
}

/* 引用 */
.markdown_views blockquote{
    display: block;
    padding: 16px;
    margin: 0 0 24px 0;
    border-left: 8px solid #DDDFE4;
    background: #EEF0F4;
    overflow: auto;
    overflow-scrolling: touch;
    word-wrap: normal;
    word-break: normal
}

.markdown_views blockquote ul, .markdown_views blockquote ol{
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
}

.markdown_views blockquote ul li{
    margin-bottom: 0;
}
.markdown_views blockquote ol li{
    margin-bottom: 0;
}

/* 引用 - 文字*/
.markdown_views blockquote p{
    font-size: 14px;
    line-height: 22px;
    color: #999999;
    font-weight: normal;
    margin-bottom: 0;
}

/* 分割线 */
.markdown_views hr{
    margin:24px 0;
    border: none;
    border-bottom: solid #dddddd 1px;
}
/*表格*/
.markdown_views tbody {
    border: 0;
}

.markdown_views table tr {
    border: 0;
    border-top: 1px solid #DDDDDD;
    background-color: white;

}

.markdown_views table {
    border-collapse:collapse;
    display:table;
    width: 100% ;
    text-align: center;
    margin-bottom: 24px;
}

.markdown_views tbody {
    border: 0;
}

.markdown_views table tr:nth-child(2n) {
    background-color: #F7F7F7;
}

.markdown_views table tr th, table tr td {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 22px;
    border: 1px solid #DDDDDD;
    padding: 8px 8px;
    text-align: left;
}

.markdown_views table tr th {
    font-weight: bold;
    background-color: #eff3f5;
}

/*目录列表*/
.markdown_views dl{
    margin: 24px;
}

.markdown_views dl dt{
    margin: 8px;
    font-weight: bold;
}
.markdown_views dl dt dd{
    margin: 8px;
}

/*.markdown_views dd p{
    margin: 8px;
}*/

/*abbr*/
.markdown_views abbr[title],
.markdown_views abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

/*首字母缩略词*/
.markdown_views .initialism {
    font-size: 90%;
    text-transform: uppercase;
}

/*首字母缩略词*/
.markdown_views pre{
    margin-bottom: 24px;
}

/*代码片*/
.hljs {
    display: block;
    padding: 8px;
    color: #000;
}

.hljs-comment,
.hljs-template_comment,
.hljs-javadoc,
.hljs-comment * {
    color: #800;
}

.hljs-keyword,
.method,
.hljs-list .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.http .hljs-title,
.hljs-request,
.hljs-status {
    color: #4F4F4F;
}
.hljs-keyword,
.method,
.hljs-list .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status {
    color: #008;
}
.hljs-envvar {
    color: #660;
}

.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.hljs-date,
.hljs-regexp {
    color: #080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.css .hljs-value .hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-number,
.css .hljs-function,
.clojure .hljs-attribute {
    color: #066;
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.hljs-variable,
.clojure .hljs-title {
    color: #4f4f4f;
}

.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo {
    color: #000;
}

.css .hljs-class,
.css .hljs-id {
    color: #9b703f;
}

.hljs-value .hljs-important {
    color: #f70;
    font-weight: bold;
}

.hljs-rules .hljs-keyword {
    color: #c5af75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color: #9b859d;
}

.tex .hljs-formula {
    background-color: #eee;
    font-style: italic;
}

.diff .hljs-header,
.hljs-chunk {
    color: #808080;
    font-weight: bold;
}

.diff .hljs-change {
    background-color: #bccff9;
}

.hljs-addition {
    background-color: #baeeba;
}

.hljs-deletion {
    background-color: #ffc8bd;
}

.hljs-comment .hljs-yardoctag {
    font-weight: bold;
}

.hljs-string,
.hljs-title,
.hljs-constant,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma,
.haml .hljs-symbol,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-aggregate,
.hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.bash .hljs-variable,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.tex .hljs-special,
.erlang_repl .hljs-function_or_atom,
.asciidoc .hljs-header,
.markdown .hljs-header,
.coffeescript .hljs-attribute {
    color: #090;
}

.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title {
    color: #4f4f4f;
}

.hljs-string,
.hljs-title,
.hljs-constant,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.haml .hljs-symbol,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-aggregate,
.hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.bash .hljs-variable,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.tex .hljs-special,
.erlang_repl .hljs-function_or_atom,
.asciidoc .hljs-header,
.markdown .hljs-header,
.coffeescript .hljs-attribute {
    color: #090;
}

/*代码块字体*/
.markdown_views code,
.markdown_views kbd,
.markdown_views pre,
.markdown_views samp {
    font-family: Consolas, Inconsolata, Courier, monospace;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.markdown_views code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

/*超链接*/

.markdown_views a {
    color: #4EA1DB;
    text-decoration: none;
}

.markdown_views a:hover,
.markdown_views a:focus {
    color: #ca0c16;
    /*text-decoration: underline;*/
}

.markdown_views a:visited {
    color: #6795B5;
}

/*脚注*/
.markdown_views .footnote {
    vertical-align: top;
    position: relative;
    top: -4px;
    font-size: 12px;
}
.markdown_views .footnotes ol li{
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 8px 24px;
}

/* UML */

.markdown_views .sequence-diagram,
.markdown_views .flow-chart {
    text-align: center;
    margin-bottom: 24px;
}

.markdown_views .sequence-diagram,
.markdown_views .flow-chart {
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px !important;
}

.markdown_views .sequence-diagram [fill="#000"],
.markdown_views .flow-chart [fill="#000"],
.markdown_views .sequence-diagram [fill="#000000"],
.markdown_views .flow-chart [fill="#000000"],
.markdown_views .sequence-diagram [fill="black"],
.markdown_views .flow-chart [fill="black"] {
    fill: #4f4f4f;
}

.markdown_views .sequence-diagram [stroke="#000000"],
.markdown_views .flow-chart [stroke="#000000"] {
    stroke: #4f4f4f;
}


/* 数学公式 */

.markdown_views .MathJax_SVG_Display {
    text-align: center;
    margin: 24px 0;
    font-size: 18px;
    font-weight: 400;
    color: #4f4f4f;
    position: relative;
    text-indent: 0;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    width: 100%;
}

/* toc */

.markdown_views .toc {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0;
}
.markdown_views .toc ul{
    margin: 0 0 8px 0;
    padding: 0;
}
.markdown_views .toc ul li {
    list-style-type: none;
    margin: 8px 0 0 24px;
}

/* code&pre  */
.markdown_views pre code{
    display: block;
    font-size: 14px;
    line-height: 22px;
    overflow-x: auto;
    padding: 0;
    color: #000000;
    white-space: pre;
    word-wrap: normal;
    background-color: #f6f8fa;
    border-radius: 4px;
}

.markdown_views pre.prettyprint, .markdown_views .prettyprint{
    margin: 0 0 24px 0;
    padding: 8px 16px 4px 56px;
    background-color: #f6f8fa;
    border: none;
}
.prettyprint{
    position:relative;
    overflow-y: hidden;
    overflow-x:auto;
}
.markdown_views .prettyprint .pre-numbering{
    position: absolute;
    width: 48px;
    background-color: #eef0f4;
    top: 0;
    left: 0;
    margin: 0;
    padding: 8px 0 8px;
    list-style: none;
    text-align: right;
}

.markdown_views .pre-numbering li{
    padding: 0 8px;
    list-style: none;
    margin: 0;
}

.markdown_views dl dd{
    margin: 0 0 8px 40px;
}

/*kbd*/
.markdown_views kbd{
    padding: 2px 8px;
    border: 1px solid rgba(63,63,63,0.25);
    box-shadow: 0 1px 0 rgba(63,63,63,0.25);
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    display: inline-block;
    margin: 0 2px;
    white-space: nowrap;
}